<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
<ul class="layui-nav">
    <li class="layui-nav-item">
        <a href="/main.jsp">首页</a>
    </li>
    <c:if test="${user.roleId==1}">
        <li class="layui-nav-item" lay-unselect>
            <a href="#">系统管理</a>
            <dl class="layui-nav-child">
                <dd><a href="/user/user.jsp">用户管理</a></dd>
                <dd><a href="/role/role.jsp">角色管理</a></dd>
            </dl>
        </li>
    </c:if>

    <li class="layui-nav-item" lay-unselect>
        <a href="javascript:;">基础管理</a>
        <dl class="layui-nav-child">
            <dd><a href="/student/student.jsp">学生管理</a></dd>
            <dd><a href="javascript:;">课程管理</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item" lay-unselect  style="float:right">
        <a href="javascript:;">
            <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg" class="layui-nav-img" >
            <span>${user.username}</span>
        </a>
        <dl class="layui-nav-child">
            <dd><a href="javascript:;" id="info">个人资料</a></dd>
            <dd><a href="javascript:;" id="pwd">修改密码</a></dd>
            <hr>
            <dd style="text-align: center;"><a href="#" id="logout">退出登录</a></dd>
        </dl>
    </li>
</ul>
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="/layui/layui.js"></script>
<script type="text/javascript">

    layui.use(['layer'],function () {
        let layer = layui.layer;
        let $ = layui.$;

        // 个人信息修改
        $("#info").click(function () {
            layer.open({
                type: 2, // page 层类型
                area: ['500px', '350px'],
                title: '个人信息',
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                maxmin: false, // 允许全屏最小化
                resize:false,
                anim: 0, // 0-6 的动画形式，-1 不开启
                content: '/user/userInfor.jsp'
            });
        })

        // 修改密码
        $("#pwd").click(function () {
            layer.open({
                type: 2, // page 层类型
                area: ['500px', '350px'],
                title: '修改密码',
                shade: 0.6, // 遮罩透明度
                shadeClose: true, // 点击遮罩区域，关闭弹层
                resize:false,
                anim: 0, // 0-6 的动画形式，-1 不开启
                content: '/user/password.jsp'
            });
        })

        // 退出登录
        $("#logout").click(function () {
            layer.confirm("确认退出登录?",function () {
                window.location.href = "${base}/user?method=logout"
            })
        })
    })
</script>
</body>
</html>

